<template>
	<view>
		<view v-if="dataList.length!=0" class="cu-list menu-avatar comment solids-top">

			<view class="cu-item" v-for="(item,index) in dataList" :key='item.id'>
				<view class="cu-avatar round" :style="{backgroundImage:'url('+ item.handlUrl +')'}"></view>
				<view @tap="handChekDetailsTow(item)" class="content">
					<view class="text-grey">
						<view class="item_name">
							{{item.nickName}}
						</view>
					</view>
					<view class="item-day">
						<view class="text-gray text-content text-df">
							{{item.caseAddress}}
						</view>
						<view class="cu-tag light bg-blue">
							{{item.dataValue}}
						</view>
					</view>
					<view class="bg-grey padding-sm radius margin-top-sm  text-sm">
						<view class="flex">
							<view class="flex-sub text-cut">{{item.caseContent}}</view>
						</view>
					</view>
					<view class="margin-top-sm flex justify-between">
						<view class="text-gray text-df">{{item.createTime}}</view>
						<view>
							<text class="cuIcon-appreciate" :class="item.hotNum==0?'text-gray':'text-yellow'"></text>
							<text class="text-gray text-df" style="margin-left: 6upx;">{{item.hotNum}}</text>
							<text class="cuIcon-messagefill text-gray margin-left-sm"></text>
							<text class="text-gray text-df" style="margin-left: 6upx;">{{item.yuUserNoticList.length}}</text>
						</view>
					</view>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			dataList: {
				type: Array,
			}
		},
		data() {
			return {

			};
		},
		mounted() {},
		methods: {
			handChekDetailsTow(item) {
				this.$emit('handChekDetailsTow', item.id)
			},


		}
	}
</script>

<style lang="scss">
	.item_before {
		margin-left: 12upx;
		color: #B8B8B8;
		font-size: 22upx;
	}
	.item-day{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
</style>
